<!DOCTYPE HTML>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>评价</title>
    <th:block th:insert="~{sys/common/include::head}"></th:block>
</head>

<body>
<aside th:replace="~{sys/common/include::aside}"></aside>
<main class="main-wrap">
    <header th:insert="~{sys/common/include::main-header}"></header>
    <section class="content-main">
        <div class="content-header">
            <div>
                <h2 class="content-title card-title">Reviews</h2>
                <p>Lorem ipsum dolor sit amet.</p>
            </div>
            <div>
                <input type="text" placeholder="Search by name" class="form-control bg-white">
            </div>
        </div>
        <div class="card mb-4">
            <header class="card-header">
                <div class="row gx-3">
                    <div class="col-lg-4 col-md-6 me-auto">
                        <input type="text" placeholder="Search..." class="form-control"/>
                    </div>
                    <div class="col-lg-2 col-md-3 col-6">
                        <select class="form-select">
                            <option>Status</option>
                            <option>Active</option>
                            <option>Disabled</option>
                            <option>Show all</option>
                        </select>
                    </div>
                    <div class="col-lg-2 col-md-3 col-6">
                        <select class="form-select">
                            <option>Show 20</option>
                            <option>Show 30</option>
                            <option>Show 40</option>
                        </select>
                    </div>
                </div>
            </header>
            <!-- card-header end// -->
            <div class="card-body">
                <div class="table-responsive">
                    <table class="table table-hover">
                        <thead>
                        <tr>
                            <th>
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" value=""/>
                                </div>
                            </th>
                            <th>#ID</th>
                            <th>Product</th>
                            <th>Name</th>
                            <th>Rating</th>
                            <th>Date</th>
                            <th class="text-end">Action</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" value=""/>
                                </div>
                            </td>
                            <td>23</td>
                            <td><b>A-Line Mini Dress in Blue</b></td>
                            <td>Devon Lane</td>
                            <td>
                                <ul class="rating-stars">
                                    <li style="width: 60%;" class="stars-active">
                                        <img src="assets/imgs/icons/stars-active.svg" alt="stars"/>
                                    </li>
                                    <li>
                                        <img src="assets/imgs/icons/starts-disable.svg" alt="stars"/>
                                    </li>
                                </ul>
                            </td>
                            <td>10.03.2022</td>
                            <td class="text-end">
                                <a href="#" class="btn btn-md rounded font-sm">Detail</a>
                                <div class="dropdown">
                                    <a href="#" data-bs-toggle="dropdown" class="btn btn-light rounded btn-sm font-sm">
                                        <i class="material-icons md-more_horiz"></i> </a>
                                    <div class="dropdown-menu">
                                        <a class="dropdown-item" href="#">View detail</a>
                                        <a class="dropdown-item" href="#">Edit info</a>
                                        <a class="dropdown-item text-danger" href="#">Delete</a>
                                    </div>
                                </div> <!-- dropdown //end -->
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" value=""/>
                                </div>
                            </td>
                            <td>24</td>
                            <td><b>Fashion Woman Bag</b></td>
                            <td>Guy Hawkins</td>
                            <td>
                                <ul class="rating-stars">
                                    <li style="width: 80%;" class="stars-active">
                                        <img src="assets/imgs/icons/stars-active.svg" alt="stars"/>
                                    </li>
                                    <li>
                                        <img src="assets/imgs/icons/starts-disable.svg" alt="stars"/>
                                    </li>
                                </ul>
                            </td>
                            <td>04.12.2019</td>
                            <td class="text-end">
                                <a href="#" class="btn btn-md rounded font-sm">Detail</a>
                                <div class="dropdown">
                                    <a href="#" data-bs-toggle="dropdown" class="btn btn-light rounded btn-sm font-sm">
                                        <i class="material-icons md-more_horiz"></i> </a>
                                    <div class="dropdown-menu">
                                        <a class="dropdown-item" href="#">View detail</a>
                                        <a class="dropdown-item" href="#">Edit info</a>
                                        <a class="dropdown-item text-danger" href="#">Delete</a>
                                    </div>
                                </div> <!-- dropdown //end -->
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" value=""/>
                                </div>
                            </td>
                            <td>25</td>
                            <td><b>Air Jordan 1 Top 3 Sneaker (DS)</b></td>
                            <td>Savannah Nguyen</td>
                            <td>
                                <ul class="rating-stars">
                                    <li style="width: 90%;" class="stars-active">
                                        <img src="assets/imgs/icons/stars-active.svg" alt="stars"/>
                                    </li>
                                    <li>
                                        <img src="assets/imgs/icons/starts-disable.svg" alt="stars"/>
                                    </li>
                                </ul>
                            </td>
                            <td>25.05.2022</td>
                            <td class="text-end">
                                <a href="#" class="btn btn-md rounded font-sm">Detail</a>
                                <div class="dropdown">
                                    <a href="#" data-bs-toggle="dropdown" class="btn btn-light rounded btn-sm font-sm">
                                        <i class="material-icons md-more_horiz"></i> </a>
                                    <div class="dropdown-menu">
                                        <a class="dropdown-item" href="#">View detail</a>
                                        <a class="dropdown-item" href="#">Edit info</a>
                                        <a class="dropdown-item text-danger" href="#">Delete</a>
                                    </div>
                                </div> <!-- dropdown //end -->
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" value=""/>
                                </div>
                            </td>
                            <td>26</td>
                            <td><b>Samsung Galaxy S20 (SM-G980F/DS) Dual SIM</b></td>
                            <td>Kristin Watson</td>
                            <td>
                                <ul class="rating-stars">
                                    <li style="width: 90%;" class="stars-active">
                                        <img src="assets/imgs/icons/stars-active.svg" alt="stars"/>
                                    </li>
                                    <li>
                                        <img src="assets/imgs/icons/starts-disable.svg" alt="stars"/>
                                    </li>
                                </ul>
                            </td>
                            <td>01.06.2022</td>
                            <td class="text-end">
                                <a href="#" class="btn btn-md rounded font-sm">Detail</a>
                                <div class="dropdown">
                                    <a href="#" data-bs-toggle="dropdown" class="btn btn-light rounded btn-sm font-sm">
                                        <i class="material-icons md-more_horiz"></i> </a>
                                    <div class="dropdown-menu">
                                        <a class="dropdown-item" href="#">View detail</a>
                                        <a class="dropdown-item" href="#">Edit info</a>
                                        <a class="dropdown-item text-danger" href="#">Delete</a>
                                    </div>
                                </div> <!-- dropdown //end -->
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" value=""/>
                                </div>
                            </td>
                            <td>27</td>
                            <td><b>Macbook Pro 16 inch (2022 ) For Sale</b></td>
                            <td>Jane Cooper</td>
                            <td>
                                <ul class="rating-stars">
                                    <li style="width: 100%;" class="stars-active">
                                        <img src="assets/imgs/icons/stars-active.svg" alt="stars"/>
                                    </li>
                                    <li>
                                        <img src="assets/imgs/icons/starts-disable.svg" alt="stars"/>
                                    </li>
                                </ul>
                            </td>
                            <td>13.03.2022</td>
                            <td class="text-end">
                                <a href="#" class="btn btn-md rounded font-sm">Detail</a>
                                <div class="dropdown">
                                    <a href="#" data-bs-toggle="dropdown" class="btn btn-light rounded btn-sm font-sm">
                                        <i class="material-icons md-more_horiz"></i> </a>
                                    <div class="dropdown-menu">
                                        <a class="dropdown-item" href="#">View detail</a>
                                        <a class="dropdown-item" href="#">Edit info</a>
                                        <a class="dropdown-item text-danger" href="#">Delete</a>
                                    </div>
                                </div> <!-- dropdown //end -->
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" value=""/>
                                </div>
                            </td>
                            <td>28</td>
                            <td><b>Gaming Chair, local pickup only</b></td>
                            <td>Courtney Henry</td>
                            <td>
                                <ul class="rating-stars">
                                    <li style="width: 100%;" class="stars-active">
                                        <img src="assets/imgs/icons/stars-active.svg" alt="stars"/>
                                    </li>
                                    <li>
                                        <img src="assets/imgs/icons/starts-disable.svg" alt="stars"/>
                                    </li>
                                </ul>
                            </td>
                            <td>21.02.2022</td>
                            <td class="text-end">
                                <a href="#" class="btn btn-md rounded font-sm">Detail</a>
                                <div class="dropdown">
                                    <a href="#" data-bs-toggle="dropdown" class="btn btn-light rounded btn-sm font-sm">
                                        <i class="material-icons md-more_horiz"></i> </a>
                                    <div class="dropdown-menu">
                                        <a class="dropdown-item" href="#">View detail</a>
                                        <a class="dropdown-item" href="#">Edit info</a>
                                        <a class="dropdown-item text-danger" href="#">Delete</a>
                                    </div>
                                </div> <!-- dropdown //end -->
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" value=""/>
                                </div>
                            </td>
                            <td>29</td>
                            <td><b>Coach Tabby 26 for sale</b></td>
                            <td>Ralph Edwards</td>
                            <td>
                                <ul class="rating-stars">
                                    <li style="width: 90%;" class="stars-active">
                                        <img src="assets/imgs/icons/stars-active.svg" alt="stars"/>
                                    </li>
                                    <li>
                                        <img src="assets/imgs/icons/starts-disable.svg" alt="stars"/>
                                    </li>
                                </ul>
                            </td>
                            <td>23.03.2022</td>
                            <td class="text-end">
                                <a href="#" class="btn btn-md rounded font-sm">Detail</a>
                                <div class="dropdown">
                                    <a href="#" data-bs-toggle="dropdown" class="btn btn-light rounded btn-sm font-sm">
                                        <i class="material-icons md-more_horiz"></i> </a>
                                    <div class="dropdown-menu">
                                        <a class="dropdown-item" href="#">View detail</a>
                                        <a class="dropdown-item" href="#">Edit info</a>
                                        <a class="dropdown-item text-danger" href="#">Delete</a>
                                    </div>
                                </div> <!-- dropdown //end -->
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" value=""/>
                                </div>
                            </td>
                            <td>30</td>
                            <td><b>Oneplus 7 Pro GM1910 256GB</b></td>
                            <td>Courtney Henry</td>
                            <td>
                                <ul class="rating-stars">
                                    <li style="width: 70%;" class="stars-active">
                                        <img src="assets/imgs/icons/stars-active.svg" alt="stars"/>
                                    </li>
                                    <li>
                                        <img src="assets/imgs/icons/starts-disable.svg" alt="stars"/>
                                    </li>
                                </ul>
                            </td>
                            <td>20.02.2022</td>
                            <td class="text-end">
                                <a href="#" class="btn btn-md rounded font-sm">Detail</a>
                                <div class="dropdown">
                                    <a href="#" data-bs-toggle="dropdown" class="btn btn-light rounded btn-sm font-sm">
                                        <i class="material-icons md-more_horiz"></i> </a>
                                    <div class="dropdown-menu">
                                        <a class="dropdown-item" href="#">View detail</a>
                                        <a class="dropdown-item" href="#">Edit info</a>
                                        <a class="dropdown-item text-danger" href="#">Delete</a>
                                    </div>
                                </div> <!-- dropdown //end -->
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" value=""/>
                                </div>
                            </td>
                            <td>31</td>
                            <td><b>DJI Mavic Pro 2</b></td>
                            <td>Theresa Webb</td>
                            <td>
                                <ul class="rating-stars">
                                    <li style="width: 20%;" class="stars-active">
                                        <img src="assets/imgs/icons/stars-active.svg" alt="stars"/>
                                    </li>
                                    <li>
                                        <img src="assets/imgs/icons/starts-disable.svg" alt="stars"/>
                                    </li>
                                </ul>
                            </td>
                            <td>10.03.2022</td>
                            <td class="text-end">
                                <a href="#" class="btn btn-md rounded font-sm">Detail</a>
                                <div class="dropdown">
                                    <a href="#" data-bs-toggle="dropdown" class="btn btn-light rounded btn-sm font-sm">
                                        <i class="material-icons md-more_horiz"></i> </a>
                                    <div class="dropdown-menu">
                                        <a class="dropdown-item" href="#">View detail</a>
                                        <a class="dropdown-item" href="#">Edit info</a>
                                        <a class="dropdown-item text-danger" href="#">Delete</a>
                                    </div>
                                </div> <!-- dropdown //end -->
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" value=""/>
                                </div>
                            </td>
                            <td>32</td>
                            <td><b>Heimer Miller Sofa (Mint Condition)</b></td>
                            <td>Darrell Steward</td>
                            <td>
                                <ul class="rating-stars">
                                    <li style="width: 80%;" class="stars-active">
                                        <img src="assets/imgs/icons/stars-active.svg" alt="stars"/>
                                    </li>
                                    <li>
                                        <img src="assets/imgs/icons/starts-disable.svg" alt="stars"/>
                                    </li>
                                </ul>
                            </td>
                            <td>10.04.2022</td>
                            <td class="text-end">
                                <a href="#" class="btn btn-md rounded font-sm">Detail</a>
                                <div class="dropdown">
                                    <a href="#" data-bs-toggle="dropdown" class="btn btn-light rounded btn-sm font-sm">
                                        <i class="material-icons md-more_horiz"></i> </a>
                                    <div class="dropdown-menu">
                                        <a class="dropdown-item" href="#">View detail</a>
                                        <a class="dropdown-item" href="#">Edit info</a>
                                        <a class="dropdown-item text-danger" href="#">Delete</a>
                                    </div>
                                </div> <!-- dropdown //end -->
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" value=""/>
                                </div>
                            </td>
                            <td>33</td>
                            <td><b>Dell XPS 13 9380, 13.3" 4K UHD (3840X2160) </b></td>
                            <td>Leslie Alexander</td>
                            <td>
                                <ul class="rating-stars">
                                    <li style="width: 50%;" class="stars-active">
                                        <img src="assets/imgs/icons/stars-active.svg" alt="stars"/>
                                    </li>
                                    <li>
                                        <img src="assets/imgs/icons/starts-disable.svg" alt="stars"/>
                                    </li>
                                </ul>
                            </td>
                            <td>25.05.2022</td>
                            <td class="text-end">
                                <a href="#" class="btn btn-md rounded font-sm">Detail</a>
                                <div class="dropdown">
                                    <a href="#" data-bs-toggle="dropdown" class="btn btn-light rounded btn-sm font-sm">
                                        <i class="material-icons md-more_horiz"></i> </a>
                                    <div class="dropdown-menu">
                                        <a class="dropdown-item" href="#">View detail</a>
                                        <a class="dropdown-item" href="#">Edit info</a>
                                        <a class="dropdown-item text-danger" href="#">Delete</a>
                                    </div>
                                </div> <!-- dropdown //end -->
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" value=""/>
                                </div>
                            </td>
                            <td>34</td>
                            <td><b>Fashion Woman Bag</b></td>
                            <td>Esther Howard</td>
                            <td>
                                <ul class="rating-stars">
                                    <li style="width: 100%;" class="stars-active">
                                        <img src="assets/imgs/icons/stars-active.svg" alt="stars"/>
                                    </li>
                                    <li>
                                        <img src="assets/imgs/icons/starts-disable.svg" alt="stars"/>
                                    </li>
                                </ul>
                            </td>
                            <td>07.04.2022</td>
                            <td class="text-end">
                                <a href="#" class="btn btn-md rounded font-sm">Detail</a>
                                <div class="dropdown">
                                    <a href="#" data-bs-toggle="dropdown" class="btn btn-light rounded btn-sm font-sm">
                                        <i class="material-icons md-more_horiz"></i> </a>
                                    <div class="dropdown-menu">
                                        <a class="dropdown-item" href="#">View detail</a>
                                        <a class="dropdown-item" href="#">Edit info</a>
                                        <a class="dropdown-item text-danger" href="#">Delete</a>
                                    </div>
                                </div> <!-- dropdown //end -->
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" value=""/>
                                </div>
                            </td>
                            <td>35</td>
                            <td><b>iPad Pro 2017 Model</b></td>
                            <td>Savannah Nguyen</td>
                            <td>
                                <ul class="rating-stars">
                                    <li style="width: 100%;" class="stars-active">
                                        <img src="assets/imgs/icons/stars-active.svg" alt="stars"/>
                                    </li>
                                    <li>
                                        <img src="assets/imgs/icons/starts-disable.svg" alt="stars"/>
                                    </li>
                                </ul>
                            </td>
                            <td>10.10.2019</td>
                            <td class="text-end">
                                <a href="#" class="btn btn-md rounded font-sm">Detail</a>
                                <div class="dropdown">
                                    <a href="#" data-bs-toggle="dropdown" class="btn btn-light rounded btn-sm font-sm">
                                        <i class="material-icons md-more_horiz"></i> </a>
                                    <div class="dropdown-menu">
                                        <a class="dropdown-item" href="#">View detail</a>
                                        <a class="dropdown-item" href="#">Edit info</a>
                                        <a class="dropdown-item text-danger" href="#">Delete</a>
                                    </div>
                                </div> <!-- dropdown //end -->
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div> <!-- table-responsive//end -->
            </div>
            <!-- card-body end// -->
        </div>
        <div class="pagination-area mt-30 mb-50">
            <nav aria-label="Page navigation example">
                <ul class="pagination justify-content-start">
                    <li class="page-item active"><a class="page-link" href="#">01</a></li>
                    <li class="page-item"><a class="page-link" href="#">02</a></li>
                    <li class="page-item"><a class="page-link" href="#">03</a></li>
                    <li class="page-item"><a class="page-link dot" href="#">...</a></li>
                    <li class="page-item"><a class="page-link" href="#">16</a></li>
                    <li class="page-item"><a class="page-link" href="#"><i class="material-icons md-chevron_right"></i></a>
                    </li>
                </ul>
            </nav>
        </div>
    </section> <!-- content-main end// -->
    <footer class="main-footer font-xs">
        <div class="row pb-30 pt-15">
            <div class="col-sm-6">
                <script>
                    document.write(new Date().getFullYear())
                </script>
                ©, Evara - HTML Ecommerce Template .
            </div>
            <div class="col-sm-6">
                <div class="text-sm-end">
                    All rights reserved
                </div>
            </div>
        </div>
    </footer>
</main>
<div th:insert="~{sys/common/include::scripts}"></div>
</body>

</html>